$profile-small-screen : 400px;
$profile-small: "only screen and (min-width: #{$profile-small-screen})";

/* ***************************************
	Profile
*************************************** */
.profile {
	margin-bottom: emCalc(30px);
	.elgg-inner {
		@include grid-row;
		border: 1px solid $border-color;
	}
}

#profile-owner-block {
	@include grid-column(12);
	padding: emCalc(20px);
	background-color: lighten($border-color, 10%);
	.elgg-menu-owner-block li a {
		background: white;
	}
	.elgg-menu-owner-block li:hover a {
		background: $primary-color;
	}

	.elgg-avatar {
		@include grid-column(12);
		padding: 0;
	}
	.elgg-avatar + *, .elgg-avatar + * + * {
		@include grid-column(12);
		padding: 0;
		.elgg-button {
			width: 100%;
			margin: 0 0 5px 0;

		}
	}

	.profile-admin-menu-wrapper {
		display: inline-block;
		width: 100%;
		& > li {
			float: none;
			a {
				width: 100%;
				display: inline-block;
				padding: $elgg-value-small/2 $elgg-value-small;
				background: white;
			}
			a:hover {
				background: $primary-color;
				color: white;
			}
		}

		.profile-admin-menu {
			background: white;
			margin: 0;
			padding: 0;
			display: none;
		}
	}

	@media #{$profile-small} {
		.elgg-avatar {
			@include grid-column(5);
			padding: 0;
		}
		.elgg-avatar + *, .elgg-avatar + * + *  {
			@include grid-column(7);

			margin: 0;
			padding-right: 0;
		}
	}

	@media #{$small} {
		@include grid-column(3);
		padding: emCalc(20px);
		.elgg-avatar {
			@include grid-column(12);
			padding: 0;
		}
		.elgg-avatar + *, .elgg-avatar + * + * {
			@include grid-column(12);
			padding: 0;
			&.mvm {
				margin: 10px 0;
			}
		}
	}


}

#profile-details {
	@include grid-column(12);
	@include elgg-list($item-selector: '.odd, .even');
	
	padding: emCalc(20px);
	@media #{$small} {
		@include grid-column(9);
		padding: emCalc(20px);
	}
	.even {
		background-color: lighten($border-color, 10%);
	}
	.profile-aboutme-title {
		margin: 20px 0 0;
		padding: 10px;
		border-bottom: 1px solid $border-color;;
	}

}

.profile-banned-user {
	border: 2px solid $primary-color;
	padding: $elgg-value-medium;

	@include radius;
}